// 路由嵌套-用户路由包含增加用户和用户列表两个路由
<template>
    <div id="user">
        <h2>{{msg}}</h2>
        <span class="userPanel">
            <span class="left">
                <ol>
                    <li><router-link to="/user/userAdd">增加用户</router-link></li>
                    <li><router-link to="/user/userList">用户列表</router-link></li>
                </ol>
            </span>
            <span class="right">
                <router-view></router-view>
            </span>
        </span>
      
    </div>
</template>

<script>


export default {
    data(){
        return{
            msg:'我是一个User组件'
        }
    },
    methods:{

    },
    components:{

    },
    mounted(){

    }
}
</script>

<style lang="scss" scoped>
    .userPanel{
        display:flex;
        .left{
            width:200px;
            min-height:400px;
            border-right:1px solid #eee;
        }
        .right{
            flex:1;
        }

    }
</style>


